//对要操作到的元素进行获取
let login=document.getElementById('login');
let register=document.getElementById('register');
let form_box=document.getElementsByClassName('form-box')[0];
let register_box=document.getElementsByClassName('register-box')[0];
let login_box=document.getElementsByClassName('login-box')[0];
//去注册按钮点击事件
register.addEventListener('click',()=>{
    form_box.style.transform='translateX(100%)';//transform:translateX(50%)是css绝对定位居中 该属性允许我们对元素进行旋转、缩放、移动或倾斜
    login_box.classList.add('hidden');
    register_box.classList.remove('hidden');
})
//去登录按钮点击事件
login.addEventListener('click',()=>{
    form_box.style.transform='translateX(0%)';//translateX(x) 定义转换，只是用 X 轴的值。 元素自身的相对位置
    register_box.classList.add('hidden');
    login_box.classList.remove('hidden');
})



